
import React, { Component } from 'react';

import {NavStyle} from './style'

import { withRouter } from 'react-router-dom'

import List from '../../views/List/Cate'
@withRouter
class index extends Component {
    render() {
        let pathname = this.props.match.path
        return (
            <>
            <NavStyle>
            <ul>
                <li onClick={this.goList.bind(this)}>
                    <i className="iconfont icon-paihang"></i>
                    <p>排行</p>
                    <span></span>
                </li>
                <li>
                    <i className="iconfont icon-category"></i>
                    <p>分类</p>
                    <span></span>
                </li>
                <li>
                    <i className="iconfont icon-jingxuan"></i>
                    <p>精选</p>
                    <span></span>
                </li>
                <li>
                    <i className="iconfont icon-tougaoxuanzhongshi"></i>
                    <p>投稿</p>
                    <span></span>
                </li>
                <li>
                    <i className="iconfont icon-vip"></i>
                    <p>VIP</p>
                    <span></span>
                </li>
            </ul>
            </NavStyle>  
            </>
        );
    }
    goList(){
        this.props.history.push('/List')
    }
}

export default index;
